<template>

	<body>
		<div class="loan_nav col_nav">
			<ul>
				<li>
					<a href="javascript:history.go(-1)">
						<i class="iconfont">&#xe61e;</i>
					</a>
				</li>
				<li>
					<p>文章</p>
				</li>
				<li></li>
			</ul>
		</div>
		<div class="interval_T">

		</div>
		<div class="article_title">
			<ul>
				<li>
					<p>{{article.title}}</p>
				</li>
				<li>
					<p class="col-gray">{{article.createDate}}</p>
				</li>
			</ul>
		</div>
		<div class="article_img">
			<img :src="article.imgPath" width="100%" />
		</div>
		<div class="article_text" v-for="c in article.acticleDataList" v-html="c.content">
			
		</div>
		<div style="height: 1rem;"></div>
		<!-- <div class="comment col1">
			<ul class="conment_int">
				<li>
					<ul>
						<li>
							<i class="iconfont">&#xe7bf;</i>
						</li>
						<li><input type="text" placeholder="我也有话要说" /> </li>
					</ul>
				</li>
				<li>
					<i class="iconfont">&#xe6ba;</i>
					<p>50</p>
				</li>
				<li>
					<i class="iconfont">&#xe61b;</i>
					<p>取消收藏</p>
				</li>
				<li>
					<i class="iconfont">&#xe6c2;</i>
					<p>886</p>
				</li>
			</ul>
		</div> -->
	</body>
</template>

<script>
export default {
	data() {
		return {
			article: {}
		}
	},
	created() {
		this.query()
	},
	methods: {
		query() {
			this.$http.get('/app/index/article/' + this.$route.params.id).then(json => {
				const { code, article } = json
				if(code === 0) {
					this.article = article
				}
			})
		}
	}
}
</script>

<style>

</style>